<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/Shoppingcart.css"/>
	</head>
	<body>
		<div class="mobile">
			<section>
				<input type="checkbox"  id="checkAll"  />
				<div class="foot">
					<div class="left">
						<label for="checkAll">
							<img src="img/quan.png"/>
							<img src="img/Shoppingcart/gou.png"/>
						</label>
						<span>全选</span>
					</div>
					<div class="center">
						<p>
							<span>总价</span>
							<span>¥230.5</span>
						</p>
						<p>(共1件，不含运费)</p>
					</div>
					<div class="right">
						<button onclick="window.location.href='index.html'">去结算</button>
					</div>
				</div>
				
				<ul>
					<input type="checkbox"  id="del1"  />
					<li>
						<div class="checked">
							<input type="checkbox"  id="check1" />
							<label for="check1">
								<img src="img/quan.png"/>
								<img src="img/Shoppingcart/gou.png"/>
							</label>
						</div>
						<div class="img">
							<label for="check1">
								<img src="img/initiate/18Kjiezhi.png"/>
							</label>
						</div>
						<div class="jiage">
							<a href="#">【模板】18K金鑽石戒指</a>
							<p>¥40.5</p>
							<input type="number"  value="1" />
						</div>
						<div class="del">
							<p>
								<label for="del1">
									<img src="img/initiate/yichu.png"/>
								</label>
							</p>
							<p>
								<label for="del1">
									删除
								</label>
							</p>
						</div>
					</li>
					<input type="checkbox"  id="del2"  />
					<li>
						<div class="checked">
							<input type="checkbox"  id="check2" />
							<label for="check2">
								<img src="img/quan.png"/>
								<img src="img/Shoppingcart/gou.png"/>
							</label>
						</div>
						<div class="img">
							<label for="check2">
								<img src="img/initiate/18Kjiezhi.png"/>
							</label>
						</div>
						<div class="jiage">
							<a href="#">【模板】18K金鑽石戒指</a>
							<p>¥40.5</p>
							<input type="number"  value="1" />
						</div>
						<div class="del">
							<p>
								<label for="del2">
									<img src="img/initiate/yichu.png"/>
								</label>
							</p>
							<p>
								<label for="del2">
									删除
								</label>
							</p>
						</div>
					</li>
					<input type="checkbox"  id="del3"  />
					<li>
						<div class="checked">
							<input type="checkbox"  id="check3" />
							<label for="check3">
								<img src="img/quan.png"/>
								<img src="img/Shoppingcart/gou.png"/>
							</label>
						</div>
						<div class="img">
							<label for="check3">
								<img src="img/initiate/18Kjiezhi.png"/>
							</label>
						</div>
						<div class="jiage">
							<a href="#">【模板】18K金鑽石戒指</a>
							<p>¥40.5</p>
							<input type="number"  value="1" />
						</div>
						<div class="del">
							<p>
								<label for="del3">
									<img src="img/initiate/yichu.png"/>
								</label>
							</p>
							<p>
								<label for="del3">
									删除
								</label>
							</p>
						</div>
					</li>
				</ul>
				
			</section>
		</div>
	</body>
</html>
